<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/layui.css"  >
	<link rel="stylesheet" href="css/style.css"  >
	<style>
		.icons{
			font-size: 140px;
		}
		.circle{
		    margin-right: 8px;
		    font-size: 22px;
		    color: #c2c2c2;
		    width: 22px;
		    height: 28px;
		    display: inline-block;
		}
		.circle.circle-checked{
			color: #5FB878;
		}
		.layui-form-radio span.icon{
			font-size: 120px;
		}
	</style>
</head>
<body>
	<div class="layui-tab layui-tab-card">
	  <ul class="layui-tab-title">
	    <li class="layui-this">快捷支付</li>
	    <li>网银</li>
	    <li>信用卡</li>
	    <li>线下汇款</li>
	  </ul>
	  <div class="layui-tab-content" style="height: 100px;">
	    <div class="layui-tab-item layui-show">
	    	<span>支付方式</span>
	    	<div class="layui-form">
	    		<div class="layui-form-item">
				    <label class="layui-form-label">单选框</label>
				    
				 </div>
	    	</div>
	    </div>
	    <div class="layui-tab-item">
	    	 <div class="layui-tab-item layui-show">
		    	  
			    	<div class="layui-form">
		    		<div class="layui-form-item">
					    <p>选择银行</p>
					    <div class="layui-row bank-wrapper">
					    	<div class="layui-col-sm3 ">
					      		<input type="radio" name="sex" value="abc" icon="icon icon-abc"  checked="">
					    	</div>
					    	<div class="layui-col-sm3">
					      		<input type="radio" name="sex" value="boc" icon="icon icon-boc" >
					      	</div>
					      	<div class="layui-col-sm3">
					      		<input type="radio" name="sex" value="ccb" icon="icon icon-ccb" >
					      	</div>
						      <div class="layui-col-sm3">
						      	<input type="radio" name="sex" value="citic" icon="icon icon-citic" >
						      	</div>
						      <div class="layui-col-sm3">
						      	<input type="radio" name="sex" value="cmb" icon="icon icon-cmb" >
						      	</div>
						      <div class="layui-col-sm3">
						      	<input type="radio" name="sex" value="icbc" icon="icon icon-icbc" >
						      	</div>
						      <div class="layui-col-sm3">
						      	<input type="radio" name="sex" value="psbc" icon="icon icon-psbc" >
						      	</div>
					    </div>
					    

		    	</div>
		    </div>
	    </div>
	    <div class="layui-tab-item">3</div>
	    <div class="layui-tab-item">4</div>
	    <div class="layui-tab-item">5</div>
	  </div>
	</div>
	<script type="text/javascript" src="layui.js" ></script>
	<script>
	layui.use(['element','form'], function(){
	  var $ = layui.jquery
	  ,element = layui.element,
	  form = layui.form; //Tab的切换功能，切换事件监听等，需要依赖element模块
	});
</script>
</body>
</html>